<?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Landmarks service</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
		
        <link rel="StyleSheet" href="styles/general.css" type="text/css" />
        <link href="styles/reset.css" rel="stylesheet" type="text/css" />
        <link href="styles/baseStyles.css" rel="stylesheet" type="text/css" />
		<link href="styles/application_specific.css" rel="stylesheet" type="text/css" />
        
		<script type="text/javascript" src="script/platformservices.js" charset="utf-8"></script>
		<script type="text/javascript" src="script/templates.js" charset="utf-8"></script>
		<script type="text/javascript" src="script/platformservices_20_specific.js" charset="utf-8"></script>
		<script type="text/javascript" src="script/basic.js" charset="utf-8"></script>
        <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&amp;key=ABQIAAAAhFJRhkzuwwVh8hBcgkuK3xT2yXp_ZAY8_ufC3CFXhHIE1NvwkxQ-KW4qukiPmoZZ31vQPshZ2aLTsA" type="text/javascript"></script>
		
    </head>
    
	<body>
        <div id="wrap">
            <div id="content">
                <h1 class="top-aligned">Landmarks service</h1>
                <ul class="nav-horizontal-flat  stack">
                    <li class="first three-piece">
                        <a id="a1" class="selectedTab" href="#" onclick="showMap(true)">Map</a>
                    </li>
                    <li class="last three-piece">
                        <a id="a2" href="#" onclick="showMap(false)">Landmarks</a>
                    </li>
                </ul>
                <div style="display:block">
                    <br />
                    <br />
                    <br />
                </div>
                <div id="map">
                </div>
                <div id="landmarksTab" style="display:none">
                    <form id="f1" name="f1">
                        Landmarks: &nbsp; 
                        <select onchange="listLandmarks(this.options[this.selectedIndex].value)" name="filterType" id="filterType" size="1">
                            <option value="">All</option>
                        </select>
                        <div id="landmarksContainer">
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </body>
</html>
